<template>
	<view>
		<!-- <page-head :title="'服务分'" :headtype="2"></page-head> -->
		<view class="topblock">
			<image class="topbg" :src="apifun.serveimg+'moneytopbg.png'" mode=""></image>
			<view class="accoundbottom"></view>
			<view class="accoundye marginAuto">
				<view class="accoundye-title">我的服务分</view>
				<view class="accoundye-moeny">
					<text>{{ usermsg.service_score }}</text>
				</view>
			</view>
		</view>
		<view class="sercore">
			<view class="sercoretitle marginAuto">服务分作用</view>
			<view class="sercoretxt marginAuto">“服务分返还金”是为鼓励服务质量高的教练员，在教练员每次获学员后根据服务分计算得出的服务分返还金，服务分越高返还金越高。</view>
		</view>
		<view class="sercore">
			<view class="sercoretitle marginAuto">如何提升服务分</view>
			<view class="sercoretxt marginAuto">
				<view>遵守平台规则，提升服务质量。</view>
				<view>学员好评：保持礼貌用语、车内整洁、为学院提供优质服务。</view>
				<view>第三方好评：保持礼貌用语、车内整洁、为学院提供优质服务。</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				apifun:this.apifun,
				usermsg:{}
			};
		},
		onLoad() {
			this.usermsg = uni.getStorageSync('usermsg');
		},
		methods: {
			
		},
	};
</script>

<style scoped lang="scss">
	.topblock{
		position:sticky;
		top: 0;
		z-index:100;
		.topbg{
			width: 100%;
			height:300rpx;
		}
		.accoundye{
			position:absolute;
			bottom:20rpx;
			left: 50%;
			width: 80%;
			margin-left: -40%;
			padding:48rpx 0 36rpx;
			.accoundye-title{
				font-size: 28rpx;
				color: #333;
				margin-bottom: 18rpx;
			}
			.accoundye-moeny{
				font-size:60rpx;
				color: #333333;
			}
		}
		.accoundbottom{
			position:absolute;
			bottom:0rpx;
			width: 100%;
			height:40rpx;
			background:#F7F7F7;
			border-top-right-radius:30rpx;
			border-top-left-radius:30rpx;
		}
	}
	.sercore{
		.sercoretitle{
			width: 690rpx;
			color:#333333;
			font-size: 30rpx;
			line-height: 60rpx;
			font-weight: 600;
		}
		.sercoretxt{
			width: 630rpx;
			padding: 30rpx;
			background: #fff;
			border-radius: 20rpx;
			color: #666666;
			font-size: 26rpx;
			line-height: 40rpx;
		}
	}
</style>